<template>
  <div>
    <van-popup v-model:show="dialogShow" :close-on-click-overlay="false">
      <div class="main">
        <div class="title"></div>
        <p>1.活动时间：2023/06/01~2023/06/07；</p>
        <p>
          2.活动期间用户每收到1000金币的61系列直刷礼物可随机 获得一个拼图碎片。拼图碎片中包含若干种普通碎片以及
          一种魔法碎片；
        </p>
        <p>
          3.获得碎片后将自动填充到拼图对应位置，活动中共包含 5种不同的拼图，5种拼图按顺序进行，每拼好不同的拼图
          可获得不同的奖励；
        </p>
        <p>4.魔法碎片可按顺序填充到未点亮拼图位置；</p>
        <p>5.活动期间产生童趣榜，榜单按用户送出61系列直刷礼物 价值进行排名，活动结束后榜单前5名获得61专属奖励；</p>
        <p>6.本活动归属权及解释权归米鹿官方所有；</p>
        <p>7.本活动与苹果公司无关。</p>
      </div>
      <div class="close" @click="onClose"></div>
    </van-popup>
  </div>
</template>

<script setup>
import { computed } from 'vue'
const props = defineProps({
  show: {
    type: Boolean,
    default: false,
  },
})
const dialogShow = computed(() => {
  return props.show
})

const emit = defineEmits(['close'])
// 弹窗关闭
const onClose = () => {
  emit('close', 'rule')
}
</script>
<style lang="scss" scoped>
@import './style.scss';
</style>
